<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>简单查看</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="keywords"
          content="收藏家，URL管理工具，多端同步，便携管理">
    <meta name="description"
          content="收藏家秉承“承担、学习、诚信、创新、服务”核心价值观，专注于一流收藏服务，构建人人都用收藏的社会，致力于让收藏成就卓越人生，助力千千万万有收藏梦想的人们早日实现美好梦想。收藏家前期将致力于简化个人和企业的的收藏管理开发，感谢您，您的帮助是对我们最大的支持和动力！">
  <link rel="alternate icon" type="image/png" href="__ASSETS__/i/favicon.png">
  <link rel="stylesheet" href="__ASSETS__/css/amazeui.min.css"/>
</head>
<style>
  .circle_bg{
    width: 50pt;
    height: 50pt;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgb(221,221,221) inset;
    margin: auto;
    line-height: 50pt; /*设置line-height与父级元素的height相等*/
    text-align: center;
  }
  .circle_local{
    margin-top: 25pt;
    margin-right: 30pt;
    /*margin: auto;*/
  }
  .circle_text_center{
    vertical-align: middle;
  }
  .yu-right-content{
    position: relative;
    margin-right: 2%;
    background-color: deepskyblue;
    width: 100%;
    min-height: 60pt;
    margin-top: -3.9%;
    child-align: right;
  }
  .yu-btn-01{
    position: absolute;
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*height: 50px;*/
    /*width: 80px;*/
    /*margin: auto;*/
    /*margin-right: 0;*/
    margin-right: 10%;
  }
  .yu-left-sta{
    margin-left: 2.5%;
  }
  .yu-title{
    margin-top: 3%;
  }
  .yu-hr{
    background-color: rgb(221,221,221);
    width: 121pt;
    height: 1px;
    margin-top: 6%;
  }

</style>

<style media="screen">
  @keyframes fadeIn {
    0%    {opacity: 0}
    100%  {opacity: 1}
  }
  @-webkit-keyframes fadeIn {
    0%    {opacity: 0}
    100%  {opacity: 1}
  }
  @-moz-keyframes fadeIn {
    0%    {opacity: 0}
    100%  {opacity: 1}
  }
  @-o-keyframes fadeIn {
    0%    {opacity: 0}
    100%  {opacity: 1}
  }
  @-ms-keyframes fadeIn {
    0%    {opacity: 0}
    100%  {opacity: 1}
  }
  @keyframes fadeOut {
    0%    {opacity: 1}
    100%  {opacity: 0}
  }
  @-webkit-keyframes fadeOut {
    0%    {opacity: 1}
    100%  {opacity: 0}
  }
  @-moz-keyframes fadeOut {
    0%    {opacity: 1}
    100%  {opacity: 0}
  }
  @-o-keyframes fadeOut {
    0%    {opacity: 1}
    100%  {opacity: 0}
  }
  @-ms-keyframes fadeOut {
    0%    {opacity: 1}
    100%  {opacity: 0}
  }
  #toast{
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding:10px;
    border-radius: 3px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    z-index: 9999;
  }
  .hide{
    display: none;
  }
  .fadeOut{
    animation: fadeOut .5s;
  }
  .fadeIn{
    animation:fadeIn .5s;
  }
</style>
<body>



<div class="am-g">
  <div class="am-u-lg-6 am-u-md-8 am-u-sm-centered">
    <div data-am-sticky="{animation: 'slide-top'}">
      <!--data-am-offcanvas="{target: '#doc-oc-demo1'}"-->
      <button type="button" class="am-btn am-btn-success am-btn-block" >简单查看</button>
    </div>
    <br>
      <div class="am-list-news-bd ">
        <ul class="am-list yu-url-list">

          <!--<hr>-->



          <!--&lt;!&ndash;<li class="am-g am-list-item-dated">&ndash;&gt;-->
            <!--&lt;!&ndash;<a href="##" class="am-list-item-hd ">我最喜欢的一张画</a>&ndash;&gt;-->
            <!--&lt;!&ndash;<span class="am-list-date">2013-10-14</span>&ndash;&gt;-->
          <!--&lt;!&ndash;</li>&ndash;&gt;-->


        </ul>
      </div>

    <!--这个是分页的页脚，有需要的时候，可以展示出来！-->
    <div data-am-widget="pagination"
         class="am-pagination am-pagination-default"
    <!--&gt;-->
    <!--<li class="am-pagination-first ">-->
    <!--<a href="#" class="">第一页</a>-->
    <!--</li>-->
    <li class="am-pagination-prev yu-per">
      <a href="javascript:void(0);" onclick="loadPerPagePerUrl()" class="">上一页</a>
    </li>


    <!--<li class="">-->
    <!--<a href="#" class="">1</a>-->
    <!--</li>-->
    <!--<li class="am-active">-->
    <!--<a href="#" class="am-active">2</a>-->
    <!--</li>-->
    <!--<li class="">-->
    <!--<a href="#" class="">3</a>-->
    <!--</li>-->
    <!--<li class="">-->
    <!--<a href="#" class="">4</a>-->
    <!--</li>-->
    <!--<li class="">-->
    <!--<a href="#" class="">5</a>-->
    <!--</li>-->


    <li class="am-pagination-next yu-next">
      <a href="javascript:void(0);" onclick="loadNextPagePerUrl()" class="">下一页</a>
    </li>

    <!--<li class="am-pagination-last ">-->
    <!--<a href="#" class="">最末页</a>-->
    <!--</li>-->
  </div>











  {include file="public/footer" /}
  </div>
</div>

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="__ASSETS__/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="__ASSETS__/js/amazeui.min.js"></script>

<script src="__ASSETS__/js/jquery.cookie.min.js"></script>
<script src="__ASSETS__/js/common.js"></script>
<script src="__ASSETS__/js/simple.js"></script>

</body>
</html>
